<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>css-notes</title>
  <style type="text/css">
    p { white-space: pre-line; }
  </style>
</head>
<body>
<p>This     paragraph has    a  great    many  s p a c e s   with
  its textual  content, but their    collapse     will  not prevent
  line   wrapping or line breaking.</p>

<p>注释：当 white-space 属性设置为 pre-line 时，浏览器会保留换行符，并允许自动换行，但是会合并空白符，这是与 pre-wrap 值的不同之处。</p>
</body>
</html>
